﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="QuestionEdit.aspx.cs" Inherits="UI.QuetionEdit.QuestionEdit" %>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head lang="en">
    <meta charset="UTF-8">
    <title>问卷创建</title>
    <meta charset="utf-8">
    <!--删除默认的苹果工具栏和菜单栏-->
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <!--控制状态栏显示样式-->
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <!--格式检测-->
    <meta content="telephone=no" name="format-detection" />
    <!--控制页面打开大小-->
    <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <link href="http://css.40017.cn/cn/c/zt/2015/common/common.0.0.5.css?v=2016052711" rel="stylesheet">
    <link href="../public/question.css" rel="stylesheet" />
</head>
<body>
<div id="questionPage">
    <!--输入标题-->
    <div class="firstPage" v-if="isShow">
        <div class="firstBox">
            <h2>请输入问卷标题：</h2>
            <input type="textarea" v-model="title">

            <div class="addNew" @click="addNewOne">从空白创建</div>
        </div>

    </div>

    <!--开始正式创建答卷-->
    <div class="content" v-else="isShow">
        <p class="allTitle">
            {{ title }}
        </p>

        <div class="intro">点击左边题型，在右边编辑奥~~</div>
        <div class="questionBox clearfix">
            <div class="leftList">
                <div class="listTitle">常用题型</div>
                <ul class="questionList">
                    <li @click="addName">姓名</li>
                    <li @click="addTel">手机号码</li>
                    <li @click="addSingleChose">单选题</li>
                    <li @click="addMoreChose">多选题</li>
                    <li @click="addSingle">单行填空题</li>
                    <li @click="addMore">多行填空题</li>
                </ul>
            </div>

            <div class="rightList">
                <p class="rightTit">  {{ title }}</p>

                <div class="welcomeTit" contenteditable="true">
                    欢迎参与本次答题，本次答题的原因以及用意等等
                </div>
                <div class="questionListRight">
                    <div
                            is="questionHtml"
                            v-for="(question,index) in questionCon.QuestionPaperInfo.Question" v-bind:moudle="question" >
                    </div>
                    <!--空白时显示-->
                    <div class="emptyShow" v-show="isEmpty==0">
                        单击左边，将题目添加在此处空区域奥
                    </div>

                </div>

                <div class="btns" v-show="isEmpty!=0">
                    <span class="submit" @click="save">生成问卷</span>
                    <span class="cancel">取消</span>
                </div>
            </div>
        </div>


    </div>
</div>



<script src="http://js.40017.cn/touch/cn/public/jquery-1.8.3.min.js"></script>
        <script src="../public/vue.js"></script>
    <script src="../public/question.js"></script>
</body>
</html>
